<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/address.css">
    <script type="text/javascript">
        var id = "<%=request.getParameter("id")%>";
    </script>
</head>
<body>
<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="./address-list.jsp" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">收货地址</h1>
</header>
<div class="am-content" id="address-info">
    <form class="am-form am-form-horizontal">
        <input type="hidden" name="id" value="" id="id">
        <div class="am-form-group">
            <label class="am-u-sm-3 am-form-label">所在地区</label>
            <div class="am-u-sm-9">
                <select id="province_select">
                    <option value="">请选择</option>
                </select>
                <select id="city_select">
                    <option value="">请选择</option>
                </select>
                <select id="county_select">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>

        <div class="am-form-group">
            <label for="detail_address" class="am-u-sm-3 am-form-label">详细地址</label>
            <div class="am-u-sm-9">
                <textarea class="" rows="5" id="detail_address" placeholder="请输入详细地址"></textarea>
            </div>
        </div>

        <div class="am-form-group">
            <label for="postalcode" class="am-u-sm-3 am-form-label">邮政编码</label>
            <div class="am-u-sm-9">
                <input type="text" id="postalcode" placeholder="请输入邮箱编码">
            </div>
        </div>

        <div class="am-form-group">
            <label for="consignee" class="am-u-sm-3 am-form-label">收货人</label>
            <div class="am-u-sm-9">
                <input type="text" id="consignee" placeholder="请输入收货人姓名">
            </div>
        </div>

        <div class="am-form-group">
            <label for="phone" class="am-u-sm-3 am-form-label">手机号码</label>
            <div class="am-u-sm-9">
                <input type="text" id="phone" placeholder="请输入收货人手机号码">
            </div>
        </div>

        <div class="am-form-group">
            <div class="am-u-sm-12">
                <button type="button" class="am-btn am-btn-primary am-btn-block" id="address-btn">提交</button>
            </div>
        </div>
    </form>

</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="modal-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd"></div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<%@ include file="./../common/footerNav.jsp" %>
<%@ include file="./../common/footer.jsp" %>
<script src="../../js/settings/address-editor.js"></script>


<script id="area-template" type="text/x-handlebars-template">
    {{#each this}}
    <option value="{{code}}">{{name}}</option>
    {{/each}}
</script>


<script id="city-template" type="text/x-handlebars-template">
    {{#each this}}
    <option value="{{code}}">{{name}}</option>
    {{/each}}
</script>


<script id="country-template" type="text/x-handlebars-template">
    {{#each this}}
    <option value="{{code}}">{{name}}</option>
    {{/each}}
</script>

</body>
</html>